<style>
    .shopPrev_con{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto;
    }
    .shopPrev_con .scroll{
        height: 100%;
    }
    .shopPrev_con .scroll .slider{
        height: 100%;
    }
    .shopPrev_con .scroll .slider .box{
        height: 100%;
    }
    .shopPrev_con .scroll .slider .box .con1_background{
        position: relative;
        margin-top: -30%;
        max-height: 750px;
    }
    .shopPrev_con .scroll .slider .box .con1_con{
        margin-top: -5px;
    }
    .shopPrev_con .scroll .slider .box .con1_con .con1_conimgheader{
        width: 60px;
        height: 60px;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 50%;
        margin-top: -10%;
    }
    .proqrcode_mar{
        margin-top: 60px;
    }
    .shopPrev_footer{
        margin-bottom: env(safe-area-inset-bottom);

    }
    .shopPrev_footer div{
        width: 50%;
        float: left;
        height: 100%;
        line-height: 35px;
        text-align: center;
        color: #FF971B;
        font-size: 17px;

    }
    .shopPrev_footer .con1_footer{
        height: 35px;
        width: 100%;
        background: #fff;
        padding: 3px;
        box-sizing: border-box;
    }
</style>
<ion-view>
    <ion-header-bar class="index_head">
        <button class="button button-icon icon ion-android-arrow-back" ng-click="shop_prev.hide()" style="color: #fff"></button>
        <div class="h1 title"> 店铺预览</div>
        <!--ng-if="!ISWEB" -->
        <!--<button class="button button-clear button-positive zhuce_head_btn" style="color: #fff;font-size: 14px;" ng-click="comitdata()">完成</button>-->
    </ion-header-bar>
    <ion-content class="shopPrev_con">
        <ion-slide-box on-slide-changed="slideHasChanged($index)" show-pager="false" >
            <ion-slide>
                <div class="box">
                   <div class="con1_background">
                       <img src="img/commimg/cope_img.jpg" ng-src="{{baseUrl}}{{backImgUrl}}?x-oss-process=image/resize,w_750"  width="100%" height="100%" style="min-height: 400px;"/>
                   </div>
                    <div class="con1_con" style="height: 100%;">
                        <img src="img/commimg/touxiang.jpg" ng-src="{{$root.shopUserImg|getUserHeadImg}}?x-oss-process=image/resize,w_750" class="con1_conimgheader"/>
                        <img src="img/commimg/shopPro1.png" style="width: 100%;"/>
                    </div>
                </div>
            </ion-slide>

            <ion-slide>
                <div class="box">
                    <div class="proqrcode_wrap">
                        <div class="proqrcode_main">
                            <div class="proqrcode_head_wrap">
                                <!--店招底图-->
                                <img src="img/commimg/proqrcode_beijing.png" ng-src="{{baseUrl}}{{backImgUrl}}?x-oss-process=image/resize,w_750" alt="" class="proqrcode_head_img">
                                <div class="proqrcode_head proqrcode_mar">
                                    <div class="proqrcode_head_tit clear">
                                        <h3 class="fl">
                                            国通信托-东兴120号
                                        </h3>
                                        <img src="img/status_mujizhong.png" alt="" class="fr">
                                    </div>
                                    <div class="proqrcode_head_con">
                                        <div class="row">
                                            <div class="col col-33">
                                                <div class="">
                                                    300<span>万</span>
                                                </div>
                                                <p>
                                                    起投金额
                                                </p>
                                            </div>
                                            <div class="col col-33">
                                                <div style="color: #FD5739;">
                                                    8<span>%</span>
                                                </div>
                                                <p>
                                                    预期收益
                                                </p>
                                            </div>
                                            <div class="col col-33">
                                                <div class="">
                                                    12<span>月</span>
                                                </div>
                                                <p>
                                                    项目期限
                                                </p>
                                            </div>
                                        </div>


                                    </div>
                                    <!--间隔圆角图片-->
                                    <div class="proqrcode_head_line">
                                        <img src="img/commimg/proqrcode_head_line.png" alt="">
                                    </div>
                                    <!--理财师信息-->
                                    <div class="proqrcode_head_info clear">
                                        <div class="fl">
                                            <div>理财师董宏菲推荐</div>
                                            <p>TEL 17321372133</p>
                                        </div>
                                        <div class="fr">
                                            <img src="img/commimg/proqrcode_head_prod.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <!--水印logo-->
                                <img src="img/commimg/proqrcode_logo.png" alt="" class="proqrcode_logo">

                            </div>
                            <div class="proqrcode_con">
                                <h3> 国通信托-东兴120号隆基泰和未来花郡项目贷款集合资金信托计划</h3>

                                <div class="proqrcode_con_tag weui-flex">
                                    <p class="weui-flex__item">
                                        <span></span>房地产类
                                    </p>
                                    <p class="weui-flex__item">
                                        <span></span>国通信托
                                    </p>
                                </div>
                                <div class="proqrcode_con_link weui-flex">
                                    <div class="weui-flex__item">
                                        <p>
                                            <img src="img/commimg/proqrcode_con_icon.png" alt=""><span>担保方实力强大担保方实力强大担保方实力强大</span>
                                        </p>
                                        <p>
                                            <img src="img/commimg/proqrcode_con_icon.png" alt=""><span>担保方实力强大</span>
                                        </p>
                                        <p>
                                            <img src="img/commimg/proqrcode_con_icon.png" alt=""><span>担保方实力强大</span>
                                        </p>
                                        <p>
                                            <img src="img/commimg/proqrcode_con_icon.png" alt=""><span>担保方实力强大</span>
                                        </p>


                                    </div>
                                    <div class="proqrcode_con_code">
                                        <img src="img/commimg/proqrcode_code.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--按钮-->

                    </div>
                </div>
            </ion-slide>
        </ion-slide-box>
    </ion-content>
    <ion-footer-bar class="shopPrev_footer">
        <div class="con1_footer">
            <div class="con_leftbutt" ng-click="shop_prev.hide()">取消</div>
            <div class="con_rightbutt" style="border-left: 1px solid #C8C7CC;" ng-click="sendImage3(backImgUrl)">应用</div>
        </div>
    </ion-footer-bar>
    <div style="position: fixed;bottom: 0; height:env(safe-area-inset-bottom);height:constant(safe-area-inset-bottom); background: #fff; width: 100%;z-index: 2"></div>
</ion-view>